﻿<!DOCTYPE html>
<html>
  <head>
    <title>滑块</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/滑块/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/滑块/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u4674" class="ax_default">
        <div id="u4674_state0" class="panel_state" data-label="State1" style="">
          <div id="u4674_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4675" class="ax_default box_2">
              <div id="u4675_div" class=""></div>
              <div id="u4675_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u4676" class="ax_default paragraph">
              <div id="u4676_div" class=""></div>
              <div id="u4676_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u4677" class="ax_default" data-label="header">
        <div id="u4677_state0" class="panel_state" data-label="State1" style="">
          <div id="u4677_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4678" class="ax_default box_1">
              <div id="u4678_div" class=""></div>
              <div id="u4678_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u4679" class="ax_default">
              <div id="u4679_state0" class="panel_state" data-label="State1" style="">
                <div id="u4679_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4680" class="ax_default box_1">
                    <div id="u4680_div" class=""></div>
                    <div id="u4680_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4681" class="ax_default box_1">
                    <div id="u4681_div" class=""></div>
                    <div id="u4681_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4682" class="ax_default box_1">
                    <div id="u4682_div" class=""></div>
                    <div id="u4682_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4683" class="ax_default box_1">
                    <img id="u4683_img" class="img " src="images/index/u10.svg"/>
                    <div id="u4683_text" class="text ">
                      <p><span>View UI Axure Library</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u4684" class="ax_default image">
                    <img id="u4684_img" class="img " src="images/index/u11.png"/>
                    <div id="u4684_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4685" class="ax_default paragraph">
                    <div id="u4685_div" class=""></div>
                    <div id="u4685_text" class="text ">
                      <p><span>iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="u4673" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4686" class="ax_default box_1">
        <div id="u4686_div" class=""></div>
        <div id="u4686_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u4688" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4688_div" class=""></div>
        <div id="u4688_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4689" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4689_div" class=""></div>
        <div id="u4689_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4690" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4690_div" class=""></div>
        <div id="u4690_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4691" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4691_div" class=""></div>
        <div id="u4691_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4692" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-light">
        <div id="u4692_div" class=""></div>
        <div id="u4692_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4693" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4693_div" class=""></div>
        <div id="u4693_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4694" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4694_div" class=""></div>
        <div id="u4694_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4695" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4695_div" class=""></div>
        <div id="u4695_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4696" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4696_div" class=""></div>
        <div id="u4696_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4697" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4697_div" class=""></div>
        <div id="u4697_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4698" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4698_div" class=""></div>
        <div id="u4698_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4699" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4699_div" class=""></div>
        <div id="u4699_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4700" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4700_div" class=""></div>
        <div id="u4700_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4701" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4701_div" class=""></div>
        <div id="u4701_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4702" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4702_div" class=""></div>
        <div id="u4702_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4703" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4703_div" class=""></div>
        <div id="u4703_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4704" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4704_div" class=""></div>
        <div id="u4704_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4705" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4705_div" class=""></div>
        <div id="u4705_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4706" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4706_div" class=""></div>
        <div id="u4706_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4707" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4707_div" class=""></div>
        <div id="u4707_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4708" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4708_div" class=""></div>
        <div id="u4708_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4709" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-light">
        <div id="u4709_div" class=""></div>
        <div id="u4709_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4710" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4710_div" class=""></div>
        <div id="u4710_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4711" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4711_div" class=""></div>
        <div id="u4711_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4712" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4712_div" class=""></div>
        <div id="u4712_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4713" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4713_div" class=""></div>
        <div id="u4713_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4714" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4714_div" class=""></div>
        <div id="u4714_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4715" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4715_div" class=""></div>
        <div id="u4715_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4716" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4716_div" class=""></div>
        <div id="u4716_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4717" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4717_div" class=""></div>
        <div id="u4717_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4718" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-light">
        <div id="u4718_div" class=""></div>
        <div id="u4718_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4719" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4719_div" class=""></div>
        <div id="u4719_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4720" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4720_div" class=""></div>
        <div id="u4720_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4721" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4721_div" class=""></div>
        <div id="u4721_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4722" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4722_div" class=""></div>
        <div id="u4722_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4723" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4723_div" class=""></div>
        <div id="u4723_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4724" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4724_div" class=""></div>
        <div id="u4724_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4725" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4725_div" class=""></div>
        <div id="u4725_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4726" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-light">
        <div id="u4726_div" class=""></div>
        <div id="u4726_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4727" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4727_div" class=""></div>
        <div id="u4727_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4728" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4728_div" class=""></div>
        <div id="u4728_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4729" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4729_div" class=""></div>
        <div id="u4729_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4730" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4730_div" class=""></div>
        <div id="u4730_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4731" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-light">
        <div id="u4731_div" class=""></div>
        <div id="u4731_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4732" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-light">
        <div id="u4732_div" class=""></div>
        <div id="u4732_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4733" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4733_div" class=""></div>
        <div id="u4733_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4734" class="ax_default box_1 selected" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4734_div" class="selected"></div>
        <div id="u4734_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4735" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-light">
        <div id="u4735_div" class=""></div>
        <div id="u4735_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4736" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4736_div" class=""></div>
        <div id="u4736_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4737" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4737_div" class=""></div>
        <div id="u4737_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4738" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4738_div" class=""></div>
        <div id="u4738_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4739" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4739_div" class=""></div>
        <div id="u4739_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4740" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4740_div" class=""></div>
        <div id="u4740_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4741" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4741_div" class=""></div>
        <div id="u4741_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4742" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4742_div" class=""></div>
        <div id="u4742_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4743" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4743_div" class=""></div>
        <div id="u4743_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4744" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4744_div" class=""></div>
        <div id="u4744_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4745" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4745_div" class=""></div>
        <div id="u4745_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4746" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4746_div" class=""></div>
        <div id="u4746_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4747" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4747_div" class=""></div>
        <div id="u4747_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4748" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4748_div" class=""></div>
        <div id="u4748_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4749" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4749_div" class=""></div>
        <div id="u4749_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4750" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4750_div" class=""></div>
        <div id="u4750_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4751" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-light">
        <div id="u4751_div" class=""></div>
        <div id="u4751_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4752" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-light">
        <div id="u4752_div" class=""></div>
        <div id="u4752_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4753" class="ax_default box_1" selectiongroup="u4687nav-cebianlan-fenzu-light">
        <div id="u4753_div" class=""></div>
        <div id="u4753_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">列表</span></p>
        </div>
      </div>
      <div id="u4687" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u4755" class="ax_default">
        <div id="u4755_state0" class="panel_state" data-label="State1" style="">
          <div id="u4755_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4756" class="ax_default box_1">
              <div id="u4756_div" class=""></div>
              <div id="u4756_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u4757" class="ax_default">
              <div id="u4757_state0" class="panel_state" data-label="State1" style="">
                <div id="u4757_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4758" class="ax_default box_1">
                    <div id="u4758_div" class=""></div>
                    <div id="u4758_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4759" class="ax_default label">
                    <div id="u4759_div" class=""></div>
                    <div id="u4759_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4760" class="ax_default label">
                    <div id="u4760_div" class=""></div>
                    <div id="u4760_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u4761" class="ax_default" data-left="1" data-top="80" data-width="151" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4762" class="ax_default label">
                      <div id="u4762_div" class=""></div>
                      <div id="u4762_text" class="text ">
                        <p><span>bosenger@qq.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4763" class="ax_default paragraph">
                      <div id="u4763_div" class=""></div>
                      <div id="u4763_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4764" class="ax_default label">
                    <div id="u4764_div" class=""></div>
                    <div id="u4764_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4765" class="ax_default label">
                    <div id="u4765_div" class=""></div>
                    <div id="u4765_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4766" class="ax_default label">
                    <div id="u4766_div" class=""></div>
                    <div id="u4766_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u4767" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u4768" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u4769" class="ax_default">
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4770" class="ax_default label">
                    <div id="u4770_div" class=""></div>
                    <div id="u4770_text" class="text ">
                      <p><span>版本号4.0</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u4771" class="ax_default" data-left="0" data-top="106" data-width="154" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4772" class="ax_default label">
                      <div id="u4772_div" class=""></div>
                      <div id="u4772_text" class="text ">
                        <p><span>www.baozipm.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4773" class="ax_default paragraph">
                      <div id="u4773_div" class=""></div>
                      <div id="u4773_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u4774" class="ax_default" data-left="1" data-top="134" data-width="131" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4775" class="ax_default label">
                      <div id="u4775_div" class=""></div>
                      <div id="u4775_text" class="text ">
                        <p><span>iView Axure Git</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4776" class="ax_default paragraph">
                      <div id="u4776_div" class=""></div>
                      <div id="u4776_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u4777" class="ax_default image">
                    <img id="u4777_img" class="img " src="images/index/u11.png"/>
                    <div id="u4777_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4778" class="ax_default box_1">
                    <img id="u4778_img" class="img " src="images/index/u10.svg"/>
                    <div id="u4778_text" class="text ">
                      <p><span>View UI Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="u4754" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4779" class="ax_default heading_1">
        <div id="u4779_div" class=""></div>
        <div id="u4779_text" class="text ">
          <p><span>Slider 滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4780" class="ax_default heading_1">
        <div id="u4780_div" class=""></div>
        <div id="u4780_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4781" class="ax_default label">
        <div id="u4781_div" class=""></div>
        <div id="u4781_text" class="text ">
          <p><span>滑动输入器，用于在数值区间/自定义区间内进行选择，支持连续或离散值。</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4782" class="ax_default" data-left="230" data-top="427" data-width="760" data-height="12">

        <!-- line-bg (Rectangle) -->
        <div id="u4783" class="ax_default box_1" data-label="line-bg">
          <div id="u4783_div" class=""></div>
          <div id="u4783_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- line (Rectangle) -->
        <div id="u4784" class="ax_default box_1" data-label="line">
          <div id="u4784_div" class=""></div>
          <div id="u4784_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- dot (Dynamic Panel) -->
        <div id="u4785" class="ax_default" data-label="dot">
          <div id="u4785_state0" class="panel_state" data-label="State1" style="">
            <div id="u4785_state0_content" class="panel_state_content">

              <!-- Unnamed (Ellipse) -->
              <div id="u4786" class="ax_default ellipse">
                <img id="u4786_img" class="img " src="images/滑块/u4786.svg"/>
                <div id="u4786_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4787" class="ax_default label">
        <div id="u4787_div" class=""></div>
        <div id="u4787_text" class="text ">
          <p><span>基础样式</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4788" class="ax_default label">
        <div id="u4788_div" class=""></div>
        <div id="u4788_text" class="text ">
          <p><span>基于动态面板的Ondrag事件进行实现，Ondrag事件绑定在圆圈上；</span></p><p><span>注意：如果要更改滑块的长度，则必须更改Ondrag事件上的move上指定的boundary。</span></p><p><span>动效版本还有BUG，实现过程涉及到变量，对交互要求不高的原型可以只使用样式，不使用动效。</span></p>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u4789" class="ax_default">
        <div id="u4789_state0" class="panel_state" data-label="State1" style="">
          <div id="u4789_state0_content" class="panel_state_content">

            <!-- line-bg (Rectangle) -->
            <div id="u4790" class="ax_default box_1" data-label="line-bg">
              <div id="u4790_div" class=""></div>
              <div id="u4790_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- line (Rectangle) -->
            <div id="u4791" class="ax_default box_1" data-label="line">
              <div id="u4791_div" class=""></div>
              <div id="u4791_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- rightdot (Dynamic Panel) -->
            <div id="u4792" class="ax_default" data-label="rightdot">
              <div id="u4792_state0" class="panel_state" data-label="State1" style="">
                <div id="u4792_state0_content" class="panel_state_content">

                  <!-- Unnamed (Ellipse) -->
                  <div id="u4793" class="ax_default ellipse">
                    <img id="u4793_img" class="img " src="images/滑块/u4786.svg"/>
                    <div id="u4793_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- leftdot (Dynamic Panel) -->
            <div id="u4794" class="ax_default" data-label="leftdot">
              <div id="u4794_state0" class="panel_state" data-label="State1" style="">
                <div id="u4794_state0_content" class="panel_state_content">

                  <!-- Unnamed (Ellipse) -->
                  <div id="u4795" class="ax_default ellipse">
                    <img id="u4795_img" class="img " src="images/滑块/u4786.svg"/>
                    <div id="u4795_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4796" class="ax_default label">
        <div id="u4796_div" class=""></div>
        <div id="u4796_text" class="text ">
          <p><span>动效版本</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4797" class="ax_default label">
        <div id="u4797_div" class=""></div>
        <div id="u4797_text" class="text ">
          <p><span>&#149; 静态版本</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4798" class="ax_default" data-left="230" data-top="522" data-width="760" data-height="12">

        <!-- line-bg (Rectangle) -->
        <div id="u4799" class="ax_default box_1" data-label="line-bg">
          <div id="u4799_div" class=""></div>
          <div id="u4799_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- line (Rectangle) -->
        <div id="u4800" class="ax_default box_1" data-label="line">
          <div id="u4800_div" class=""></div>
          <div id="u4800_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u4801" class="ax_default ellipse">
          <img id="u4801_img" class="img " src="images/滑块/u4786.svg"/>
          <div id="u4801_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- line-bg (Rectangle) -->
      <div id="u4802" class="ax_default box_1" data-label="line-bg">
        <div id="u4802_div" class=""></div>
        <div id="u4802_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- line (Rectangle) -->
      <div id="u4803" class="ax_default box_1" data-label="line">
        <div id="u4803_div" class=""></div>
        <div id="u4803_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u4804" class="ax_default ellipse">
        <img id="u4804_img" class="img " src="images/滑块/u4786.svg"/>
        <div id="u4804_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u4805" class="ax_default ellipse">
        <img id="u4805_img" class="img " src="images/滑块/u4786.svg"/>
        <div id="u4805_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- line-bg (Rectangle) -->
      <div id="u4806" class="ax_default box_1" data-label="line-bg">
        <div id="u4806_div" class=""></div>
        <div id="u4806_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u4807" class="ax_default ellipse">
        <img id="u4807_img" class="img " src="images/滑块/u4807.svg"/>
        <div id="u4807_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u4808" class="ax_default ellipse">
        <img id="u4808_img" class="img " src="images/滑块/u4807.svg"/>
        <div id="u4808_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4809" class="ax_default label">
        <div id="u4809_div" class=""></div>
        <div id="u4809_text" class="text ">
          <p><span>&#149; 显示间断点</span></p><p><span>间断点移动有10个点，在左右两端各有两个隐形的点，将左右两点对齐两端后，选中所有的点后使用水平分布，就可以将所有点自动放到正确的位置。</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4810" class="ax_default" data-left="230" data-top="679" data-width="760" data-height="12">

        <!-- line-bg (Rectangle) -->
        <div id="u4811" class="ax_default box_1" data-label="line-bg">
          <div id="u4811_div" class=""></div>
          <div id="u4811_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u4812" class="ax_default" data-left="230" data-top="683" data-width="760" data-height="4">

          <!-- line-bg (Rectangle) -->
          <div id="u4813" class="ax_default box_1" data-label="line-bg">
            <div id="u4813_div" class=""></div>
            <div id="u4813_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4814" class="ax_default box_1" data-label="line-bg">
            <div id="u4814_div" class=""></div>
            <div id="u4814_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4815" class="ax_default box_1" data-label="line-bg">
            <div id="u4815_div" class=""></div>
            <div id="u4815_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4816" class="ax_default box_1" data-label="line-bg">
            <div id="u4816_div" class=""></div>
            <div id="u4816_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4817" class="ax_default box_1" data-label="line-bg">
            <div id="u4817_div" class=""></div>
            <div id="u4817_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4818" class="ax_default box_1" data-label="line-bg">
            <div id="u4818_div" class=""></div>
            <div id="u4818_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4819" class="ax_default box_1" data-label="line-bg">
            <div id="u4819_div" class=""></div>
            <div id="u4819_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4820" class="ax_default box_1" data-label="line-bg">
            <div id="u4820_div" class=""></div>
            <div id="u4820_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4821" class="ax_default box_1" data-label="line-bg">
            <div id="u4821_div" class=""></div>
            <div id="u4821_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4822" class="ax_default box_1" data-label="line-bg">
            <div id="u4822_div" class=""></div>
            <div id="u4822_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- line (Rectangle) -->
        <div id="u4823" class="ax_default box_1" data-label="line">
          <div id="u4823_div" class=""></div>
          <div id="u4823_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u4824" class="ax_default ellipse">
          <img id="u4824_img" class="img " src="images/滑块/u4786.svg"/>
          <div id="u4824_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- line-bg (Rectangle) -->
      <div id="u4825" class="ax_default box_1" data-label="line-bg">
        <div id="u4825_div" class=""></div>
        <div id="u4825_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4826" class="ax_default" data-left="230" data-top="707" data-width="760" data-height="4">

        <!-- line-bg (Rectangle) -->
        <div id="u4827" class="ax_default box_1" data-label="line-bg">
          <div id="u4827_div" class=""></div>
          <div id="u4827_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4828" class="ax_default box_1" data-label="line-bg">
          <div id="u4828_div" class=""></div>
          <div id="u4828_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4829" class="ax_default box_1" data-label="line-bg">
          <div id="u4829_div" class=""></div>
          <div id="u4829_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4830" class="ax_default box_1" data-label="line-bg">
          <div id="u4830_div" class=""></div>
          <div id="u4830_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4831" class="ax_default box_1" data-label="line-bg">
          <div id="u4831_div" class=""></div>
          <div id="u4831_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4832" class="ax_default box_1" data-label="line-bg">
          <div id="u4832_div" class=""></div>
          <div id="u4832_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4833" class="ax_default box_1" data-label="line-bg">
          <div id="u4833_div" class=""></div>
          <div id="u4833_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4834" class="ax_default box_1" data-label="line-bg">
          <div id="u4834_div" class=""></div>
          <div id="u4834_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4835" class="ax_default box_1" data-label="line-bg">
          <div id="u4835_div" class=""></div>
          <div id="u4835_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4836" class="ax_default box_1" data-label="line-bg">
          <div id="u4836_div" class=""></div>
          <div id="u4836_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- line (Rectangle) -->
      <div id="u4837" class="ax_default box_1" data-label="line">
        <div id="u4837_div" class=""></div>
        <div id="u4837_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u4838" class="ax_default ellipse">
        <img id="u4838_img" class="img " src="images/滑块/u4786.svg"/>
        <div id="u4838_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u4839" class="ax_default ellipse">
        <img id="u4839_img" class="img " src="images/滑块/u4786.svg"/>
        <div id="u4839_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- line-bg (Rectangle) -->
      <div id="u4840" class="ax_default box_1" data-label="line-bg">
        <div id="u4840_div" class=""></div>
        <div id="u4840_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4841" class="ax_default" data-left="230" data-top="736" data-width="760" data-height="4">

        <!-- line-bg (Rectangle) -->
        <div id="u4842" class="ax_default box_1" data-label="line-bg">
          <div id="u4842_div" class=""></div>
          <div id="u4842_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4843" class="ax_default box_1" data-label="line-bg">
          <div id="u4843_div" class=""></div>
          <div id="u4843_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4844" class="ax_default box_1" data-label="line-bg">
          <div id="u4844_div" class=""></div>
          <div id="u4844_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4845" class="ax_default box_1" data-label="line-bg">
          <div id="u4845_div" class=""></div>
          <div id="u4845_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4846" class="ax_default box_1" data-label="line-bg">
          <div id="u4846_div" class=""></div>
          <div id="u4846_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4847" class="ax_default box_1" data-label="line-bg">
          <div id="u4847_div" class=""></div>
          <div id="u4847_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4848" class="ax_default box_1" data-label="line-bg">
          <div id="u4848_div" class=""></div>
          <div id="u4848_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4849" class="ax_default box_1" data-label="line-bg">
          <div id="u4849_div" class=""></div>
          <div id="u4849_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4850" class="ax_default box_1" data-label="line-bg">
          <div id="u4850_div" class=""></div>
          <div id="u4850_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4851" class="ax_default box_1" data-label="line-bg">
          <div id="u4851_div" class=""></div>
          <div id="u4851_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
